<template>
 <div class="blog-footer">

            <p><span>&copy;</span><span>Copyright© <span >{{ends}}</span></span>
                <a href="/">爱上歆随懿恫个人主页</a><a href="https://beian.miit.gov.cn" target="_blank"> ICP: 滇ICP备18001047号-1</a>
            </p>
        </div>
</template>
<script lang="ts">
export default {
    name:'footer',

}
</script>
<script lang="ts" setup>
import { ref } from 'vue'
const ends=ref("") as any;
ends.value="2018-"+new Date().getFullYear();
</script>
<style>
.blog-footer {
    
    background: linear-gradient(to left, #7b4397, #2196f3);
    text-align: center;
    padding: 15px 0;
    color: #f2f2f2;
    /* background-color: #393d49; */
    border-top: 4px solid #ff5722;
    position: relative;
}

</style>